<template>
  <main class="w-full h-full flex items-center justify-center flex-col">
    <img src="../../assets/images/404.png" class="w-[271.5px] enter-y" />
    <var-button type="info" @click="back" class="w-[130px] mt-[30px] enter-y">返回</var-button>
  </main>
</template>

<script setup lang="ts">
  const router = useRouter();
  const back = () => {
    router.back();
  };
</script>

<style scoped>
  :deep(.var-button) {
    @apply rounded-full;
  }
</style>
